<!DOCTYPE html >
<html>
<head>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>哎呦喂 | 网校通</title>
	<link type="text/css" href="./theme/css/v1/index.css" rel="stylesheet" />
	<link href="./favicon.ico" type="image/x-icon" rel="shortcut icon">

</head>
<body>
	<!--[if lte IE 8]>
	<div style='position:absolute;z-index:-1;height:652px; overflow:hidden;left:0;top:0'>
		<img src='./theme/image/v1/bg-sale-new-1280-652-20130729.jpg' id='topbg' />
	</div>
	<![endif]-->
	<div class="header">
		<div class="inr">
			<h2 class="logo fl">
				<a href="/school/" title="哎呦喂网校通">
					<span>哎呦喂</span>网校通
				</a>
			</h2>
			<ul class="nav fr">
				<li class="signupbtn fl" box-name="signupbox">
					<a href="javascript:void(0)" title="注册">注 册</a>
				</li>
				<li class="signin fl"  box-name="loginbox">
					<a href="javascript:void(0)" title="登录">登 录</a>
				</li>
			</ul>
		</div>
	</div>
	<div id="intro">
		<div class="top_layer">
			<div class="inr" id="topbg1" >
				<div class="video fl">
					<img width="527" height="335" src="./theme/image/v1/img-sale-video-527-335-20130909.png">
					<a class="playbtn" href="javascript:void(0)"></a>
				</div>
				<div class="word fl">
					<h2 class="title">简单、可靠、好用的独立网校系统</h2>
					<p class="summary">你可以3分钟就开通你自己域名的网校，拥有网络虚拟教室
					和教务排课功能，再也不用为找教室发愁！</p>
					<input type="button" class="submit" value="立即开通你的网校" />
				</div>
			</div>
		</div>

		<div class="blink_wrap" index="1">
			<div class="blink"></div>
		</div>
	</div>

	<div class="feature_detail cf" id="fe1">
		<div class="inr">
			<h3>简约，但不简单的网络教室</h3>
			<div class="feature_info2 fl" >
				<p>我们支持<br/>
					<span>流畅的音频<br/>清晰的视频<br/>高清的PPT/Word/PDF白板<br/></span>
					还有<br/>
					<span>全自动的录像和回放<br/>
						不同类型教室灵活换（1对1、1对多）<br/>
						万人同时在线<br/>
					</span>
				</p>
				<p style="margin-top:40px">
					但我们真的不支持<br/>
					<span style="font-size:14px;">美女K歌、美女跳舞、二人转、游戏直播。。。</span>
				</p>
			</div>
			<div class="feature_img fl" >
				<img width="599" height="312"  src="./theme/image/v1/img-sale-new8-599-312-20130827.jpg" />
			</div>
		</div>
		<div class="blink_wrap" index="2">
			<div class="blink arrow2"></div>
		</div>
	</div>
	<div class="feature_detail cf" id="fe2">
		<div class="inr">
			<h3>智能适应各种网络：不卡音、不延迟、不掉线</h3>
			<div class="feature_img fl" style="margin-left:60px;">
				<img width="429" height="284"  src="./theme/image/v1/img-sale-new9-429-284-20130910.png" />
			</div>
			<div class="feature_info fr" style="width:360px;margin-right:60px;margin-top:40px;">
				<h4 style="">我们帮你谈好了中国所有的主流宽带运营商！</h4>
				<p>
					为了解决运营商之间的网络阻塞问题，<br/>
					我们与10余家宽带运营商谈合作，<br/>
					占了35个机房，买了1000+台服务器，<br/>
					终于建立起了一套可靠的实时直播系统。<br/>
					<br/>
					所有这些只为让你能安心讲课，<br/>
					再也不用担心卡音、延迟和掉线！<br/>

				</p>
			</div>
		</div>
		<div class="blink_wrap" index="3">
			<div class="blink"></div>
		</div>
	</div>
	<div class="feature_detail cf" id="fe3">
		<div class="inr">
			<h3>教务管理和短信通知系统</h3>
			<div class="feature_info fl" style="width:242px;margin-left:114px;">
				<h4>没错，我们知道你很懒！</h4>
				<p>
					我们会帮你管理学生和编排课程，<br/>
					还会帮你自动发送各种短信，<br/>
					点一下，就ok了。<br/><br/>
					是的，你终于可以多陪陪家人了。
				</p>
			</div>
			<div class="feature_img fr">
				<img width="505" height="266"  src="./theme/image/v1/img-sale-new7-505-266-20130823.jpg" />
			</div>
		</div>
		<div class="blink_wrap " index="4">
			<div class="blink arrow2"></div>
		</div>
	</div>
	<div class="feature_detail cf" id="fe4">
		<div class="inr">
			<h3>使用你自己的域名</h3>
			<div class="feature_img fl" style="margin-left:63px;">
				<img width="458" height="285"  src="./theme/image/v1/img-sale-new2-458-285-20130729.jpg" />
			</div>
			<div class="feature_info fr" style="width:280px;margin-right:120px;">
				<h4>自己的域名</h4>
				<p>使用自己的域名，学生们将会狠狠的记住你。</p>
				<h4 style="margin-top:40px">自己的品牌</h4>
				<p>不论是在登录页、课程页还是在网络教室内，你的品牌和logo将无处不在。</p>
			</div>
		</div>
		<div class="blink_wrap" index="5">
			<div class="blink"></div>
		</div>
	</div>
	<div class="feature_detail cf" id="fe5">
		<div class="inr">
			<h3>完全独立的网校</h3>
			<div class="feature_info fl" style="width:290px;margin-left:83px;">
				<h4 style="margin-top:35px;">学生不用登录别人的网站</h4>
				<p>
					学生们直接访问你的域名即可登录上课，不用
					访问网校通官网等其他网站。
				</p>
				<h4 style="margin-top:35px;">绝无任何广告和骚扰</h4>
				<p>
					你的网校中永远不会出现任何别人的广告，也
					没有人能进入捣乱。
				</p> 
			</div>
			<div class="feature_img fl">
				<img width="542" height="309"  src="./theme/image/v1/img-sale-new-542-309-20130729.jpg" />
			</div>
		</div>
		<div class="blink_wrap " index="6">
			<div class="blink arrow2"></div>
		</div>
	</div>
	<div class="feature_detail cf" id="fe6">
		<div class="inr">
			<h3>
				<span style="font-size:28px;">简单</span>、
				<span style="font-size:40px;">简单</span>、
				<span style="font-size:48px;">很简单</span>
			</h3>
			<div class="feature_info fl" style="margin-left:102px;width:360px; position:relative">
				<h4>开通和使用都很简单！</h4>
				<p style="margin-top:40px;">
					我们讨厌马拉松式的签字盖章。
					<br/>
					所以，网校通的注册是全自助式的。
					<br/>
					你只要在右侧输入email，即可注册并开通属于你的网校。
					<br/>
				</p>
				<h4 style="text-align:right;margin-top:30px;">简单吗？开始吧！</h4>
				<img style="position:absolute;top:64px; left:359px;" width="55" height="55" src="./theme/image/v1/tip-salenew-arrow-55-55-20130823.png"/>
			</div>
			<div class="feature_form fl" style="padding-top:0px;margin-left:-30px;">
				<form class="signup_form signup" style="margin-top:0px;" action="/register" method="post">
					<div class="section">
						<input class="text_input" type="text" name="username" placeholder="你的邮箱地址"   />
						<div class='noticewrap fl' style="left:318px;top:6px;">
							<div class='triangle tr fl'></div>
							<div class='notice fl'></div>
						</div>
					</div>
					<div class="section">

							<input class="text_input password_input" id="password_input" maxlength="24"  type="password"  name="password" placeholder="设置一个密码" />

							<div class="showpwdwrap">
								<span class="radio" value="30" ></span>
								&nbsp;显示密码
							</div>
							<div class='noticewrap fl' style="left:318px;top:6px;">
								<div class='triangle tr fl'></div>
								<div class='notice fl'></div>
							</div>
					</div>
					<div class="section">
						<input class="submit" type="submit" value="点击自助开通" />
				   </div>
				</form>

			</div>
		</div>
		<div class="blink_wrap " index="7">
			<div class="blink arrowtop"></div>
		</div>
	</div>
	<div id="commitment" class="cf">
		<div class="inr">
			<div class="commitment_blog fl" style="margin-left: 57px;">
				<h3>我们如何保证系统可靠</h3>
				<p>
					我们的网络教室技术正在为哎呦喂网上的三百万学生和老师提供服务。 为了保证教学效果，网校通采用了比哎呦喂网更优质的带宽和服务器。
					在主流网络中，网校通学生听课的语音流畅率超过97%。
				</p>
			</div>
			<div class="commitment_blog fl" style="margin-left: 151px;">
				<h3>我们如何保证您的信息安全</h3>
				<p>
					我们对所有账号密码均采用了MD5算法加密，即使是我们的工程师也
					无法知道您的密码。根本上说，我们深知只有保证您的安全我们才能 生存，所以即使是在这个神奇的土地上我们也必须坚持业界良心。
				</p>
			</div>
		</div>
	</div>
	<?php Template::show('common/footer.php'); ?>
	<input type="hidden" id="emailCheckUrl" value="/validate/email" />
	<div class="overlay"></div>

	<div class="signupbox box">
		<div class="box_close" title="关闭"></div>
		<h3>校长注册</h3>
		<form class="signup_form box_form" action="/school/account.php?a=register"
		 method="post" autocomplete="off">
			<p class="box_notice"></p>
			<div class="section">
				<input class="box_inputtext" type="text" name="username" placeholder="你的邮箱" />
					<div class='noticewrap fl' style="left:420px;top:0px;">
						<div class='triangle tr fl'></div>
						<div class='notice fl'></div>
					</div>
			</div>
			<div class="section">

			    <input class="text_input box_inputtext password_input" id="password_input" maxlength="24"  type="password"  name="password" placeholder="设置一个密码" />			    

			    <div class="showpwdwrap">
			    	<span class="radio" value="30" ></span>
			    	&nbsp;显示密码
			    </div>
			    <div class='noticewrap fl' style="left:420px;top:0px;">
			    	<div class='triangle tr fl'></div>
			    	<div class='notice fl'></div>
			    </div>
			</div>

			<input class="submit" type="submit" value="立即开通" />

		</form>
	</div>

	<div class="loginbox box">
		<div class="box_close" title="关闭"></div>
		<h3>校长登录</h3>
		<form class="loginform box_form" action="/school/account.php?a=login" method="post" autocomplete="off">
			<p class="box_notice"></p>
			<div class="section">
				<input class="box_inputtext" type="text" name="username" placeholder="你的注册邮箱" />
			
			</div>
			<div class="section">
				<input class="box_inputtext" type="password" name="password" placeholder="输入密码"/>
			</div>
			<input class="submit" type="submit" value="登  录" />
		</form>
	</div>

	<div id="video_player">
		<a class="close_btn" title="关闭视频" href="javascript:void(0)">关闭</a>
		<a  href="./theme/swf/intro.flv"
			style="width:960px;height:540px"  
			id="flash_player">
		</a>
	</div>
	
<script type="text/javascript" src="./theme/js/v1/jquery-1.8.3.js" charset="utf-8"></script>

<!--[if lte IE 8]>

<script type="text/javascript">

		$(document).ready(function(){

	    	//首页背景大图实现background-size：cover
		    function cover(){
		        var win_width = $(window).width(); 
			    if(win_width>1280){
			        $("#topbg").css("width",win_width);
			    }
		    }
		    cover();
		    var processor={
		    	   tId:null,
		           performProcessing:function(){
		               cover();
		           },
		           process:function(){
		        	   clearTimeout(this.tId);
		        	   var that=this;
		        	   that.tId=setTimeout(that.performProcessing,10);
		           }
		    }
		   
		    $(window).resize(function(){ //浏览器窗口变化 
		       processor.process();
		    }); 
		 
		});
	</script>
<![endif]-->
<script type="text/javascript" src="./theme/js/v1/flowplayer-3.2.12.min.js" charset="utf-8"></script>

<script type="text/javascript" src="./theme/js/v1/jquery.placeholder.js" charset="utf-8"></script>
<script type="text/javascript" src="./theme/js/v1/index.js" charset="utf-8"></script>
<!--[if lt IE 7]>
<script type="text/javascript">
	$("body").prepend("<div style='background:#ddbd66;color:black;height:39px;line-height:39px;text-align:center;font-size:14px'>您的浏览器太古老，无法使用 <em>网校通</em>。建议更换<a style='color:#fff' href='https://oss.aliyuncs.com/towerfiles/%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8%20%E7%A8%B3%E5%AE%9A%E7%89%88_23.0.1271.64.exe' target='_blank'>谷歌浏览器</a>等现代浏览器。</div>");
</script>
<![endif]-->
<script type="text/javascript">

</script>

</body>
</html>